<template>
  <div class="son"></div>
</template>

<script>
export default {
  beforeCreate() {
    console.log("子-beforeCreate");
  },
  created() {
    console.log("子-created");
  },

  beforeMount() {
    console.log("子-beforeMount");
  },

  mounted() {
    console.log("子-mounted");
  },

  beforeDestroy() {
    console.log("子-beforeDestroy");
  },

  destroyed() {
    console.log("子-destroyed");
  },
};
</script>

<style>
.son {
  width: 100px;
  height: 100px;
  background-color: #f00;
}
</style>